<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/base/main/pubInclude.jsp"%>
<!DOCTYPE HTML>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<script type="text/javascript" src="${el:getWebRootPath()}/resource/js/sea.js"></script>

	<style type="text/css">
	.userpager {
		width: 100%;
	}
	
	.userpager .pager-split {
		margin: 0;
		padding: 0;
	}
	
	.pager-split-head {
		padding: 5px;
	}
	
	.pager-split-head span {
		font-size: 14px;
		color: #333;
	}
	
	.OAimgICON {
		display: block;
		text-align: center;
	}
	
	.OAimgICON img {
		width: 40px;
		height: 40px;
		border-radius: 50%;
		text-align: center;
	}
	
	.setUserOa li {
		display: inline-block;
	}
	
	.OAimgArrow {
		display: block;
		position: relative;
		top: -36px;
	}
	
	.OAimgArrow img {
		width: 33px;
	}
	
	.setUserOa li:nth-child(odd) span:last-child {
		padding: 8px 0px;
		display: block;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		max-width: 80px;
	}
	
	.pager-split-head span:first-child {
		float: left;
	}
	
	.pager-split-head span:last-child {
		float: right;
	}
	
	.approval-option {
		margin: 10px 10px 0px 10px;
		border: 1px solid #e1e5e8;
		border-radius: 5px;
	}
	
	.approval-option-head {
		border-bottom: 1px solid #e1e5e8;
		background-color: #f6f6f6;
	}
	
	.approval-option-head .title-div {
		padding: 5px 10px;
	}
	
	.approval-option-head span {
		line-height: 30px;
	}
	
	.approval-option-head span:first-child {
		margin-left: 5px;
		color: #F90;
		font-weight: 700;
		font-size: 12px;
	}
	
	.approval-option-head span:last-child {
		box-sizing: content-box;
		float: right;
		background: #2DA8EE;
		border-radius: 0 5px 0 0;
	}
	
	.approval-option-head > a {
		text-decoration: none;
		text-decoration: none;
		margin: 0 5;
		color: #fff;
	}
	
	.approval-option-body {
		min-height: 75px;
		padding: 10px;
	}
	
	.approval-condition {
		margin: 0;
		/* border: 1px solid #e1e5e8;
	    border-radius: 5px; */
	}
	
	.approval-condition-head {
		border-bottom: 1px solid #e1e5e8;
		background-color: #f6f6f6;
		line-height: 30px;
		position: relative;
	}
	
	.approval-condition-head .title-div {
		padding: 5px 10px;
	}
	
	.approval-condition-head .optbtns {
		background: #f6f6f6;
		width: 50%;
		float: right;
	}
	
	.approval-condition-head .status-label {
		position: absolute;
		left: 47%;
		color: red;
	}
	
	.approval-condition-head .upd-span {
		float: right;
		margin-right: 2px;
	}
	
	.approval-condition-head .set-span {
		float: right;
		margin-right: 2px;
	}
	
	.approval-condition-head .delete-span {
		float: right;
		margin-right: 2px;
	}
	
	.a_btn{
		padding: 3 20px;
		background: #f4f9ff;
		text-decoration: none;
		border-radius: 3px;
		border: 1px solid #29e;
		color: #29e;
		font-size: 14px;
	}
	.a_btna:hover{
		background: #29e;
		text-decoration: none;
		border: 1px solid #29e;
		color: #fff;
	}
/* 	.approval-condition-head span a {
		padding: 3 20px;
		background: #f4f9ff;
		text-decoration: none;
		border-radius: 3px;
		border: 1px solid #29e;
		color: #29e;
		font-size: 14px;
	}
	
	.approval-condition-head span a:hover {
		background: #29e;
		text-decoration: none;
		border: 1px solid #29e;
		color: #fff;
	} */
	
	.approval-condition-head .title {
		background: #f6f6f6;
		width: 50%;
		float: left;
	}
	
	.approval-condition-body {
		min-height: 75px;
		padding: 10px;
	}
	
	.linkBtn {
		background: #fff;
		color: #333;
		font-size: 14px;
		border: 1px solid #ccc;
	}
	
	.linkBtn:hover {
		background: #ddd;
		color: #333;
	}
	
	.icon-icomoon-balck:AFTER {
		content: '\EA35';
		font-family: jgicon !important;
		line-height: 22px;
		font-size: 20px;
		margin-right: -20px;
	}
	
	.l-btn-wright {
		background: #fff;
		color: #555;
		border: 1px solid #ddd;
		padding: 2px 6px;
		border-radius: 0;
		margin-top: 10px;
		margin-left: 10px;
	}
	
	.l-btn-wright:hover {
		background: #eee;
		color: #555;
	}
	
	.oaGoBack .l-btn-left {
		margin: 0 0 0 -20px;
	}
	</style>
</head>
<body class="easyui-layout" data-option="fit:true;">
	<div style="padding-left: 10px; padding-right: 15px;">
		<form id="initParmForm">
			<input type="hidden" name="processKey" id="processKey" /> 
			<input type="hidden" name="nodeNum" id="nodeNum" /> 
			<input type="hidden" name="branchValId" id="branchValId" /> 
			<input type="hidden" name="isDefined" id="isDefined" />
			<input type="hidden" name="nodeId" id="nodeId" /> 
			<input type="hidden" name="branchId" id="branchId" />
		</form>
	</div>
	<div data-options="region:'center'">
	              <div class="approval-condition">
            <div class="approval-condition-head">
                <label style="margin-left: 5px; font-size: 14px; font-weight: 700;">去重设置</label>
            </div>
            <div class="approval-condition-body" style="min-height:10px;">
                 <input id="distinct" class="easyui-combobox">
            </div>
        </div>
		<div class="approval-condition">
			<div class="approval-condition-head">
				<label style="margin-left: 5px; font-size: 14px; font-weight: 700;">不分条件审批人设置</label>
				<label class="status-label">状态：<b id="bftj_status">未启用</b></label> 
				<span class="upd-span"><a class="a_btn" href="javascript:void(0)" id='updateNoCoditionStatus'>启用</a></span>
				<!-- <span class="set-span"><a href="javascript:void(0)" id="setNoCondition">设置</a></span> -->
			</div>
			<div class="approval-condition-body">
				<table id="nodeinfodatagrid"
					style="width: 100%; overflow-y: auto; height: 250px;"></table>
			</div>
		</div>
		
		
		<div class="approval-condition">
			<div class="approval-condition-head">
				<label style="margin-left: 5px; font-size: 14px; font-weight: 700;">分条件审批人设置</label>
				<span class="optbtns"> 
					<label class="status-label">状态：<b id="ftj">未启用</b></label> 
					<span class="delete-span"><a class="a_btn" href="javascript:void(0)" status='-1' id="deleteCondition">删除条件</a></span>
					<span class="upd-span"><a class="a_btn" href="javascript:void(0)" id="updateConditionStatus">启用</a></span> 
					<span class="set-span"><a class="a_btn" href="javascript:void(0)" id="setCondition">设置</a></span>
				</span>
			</div>
			<div class="approval-condition-body" id="conditionsdiv">
				<table id="connodeinfodatagrid" style="width: 100%; overflow-y: auto; height: 250px;"></table>
			</div>
		</div>

	</div>
   	<div id="formdlg" class="easyui-dialog" title="" style="width:800px;height:550px;overflow-y:auto;" data-options="iconCls:'icon-save',resizable:false,modal:true,closed:true">
   	</div>
</body>
<script>
	seajs.use("oa/act/approval/progress/js/userset_table", function(userset_table) {
		userset_table.init();
	});
</script>
</html>